<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content=" ">
  <meta name="author" content=" ">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Foodtruck - Tacos : Shortcodes Contact</title>

  <link rel="stylesheet" type="text/css" href="./assets/js/customscroll/jquery.mCustomScrollbar.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/flexslider/css/flexslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/prettyPhoto/css/prettyPhoto.css">
  <link rel="stylesheet" type="text/css" href="./assets/js/bxslider/jquery.bxslider.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/font-awesome.css">

  <link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="./assets/flavours/tacos/css/tacos.css">

  <!-- modernizr : detect css transition -->
  <script src="./assets/js/modernizr.custom.81779.js"></script>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="./assets/bootstrap/js/html5shiv.js"></script>
  <script src="./assets/bootstrap/js/respond.min.js"></script>
  <![endif]-->



</head>
<body>



<nav class="navbar navbar-default" role="navigation">
  <div class="inner">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle btn btn-primary" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="text-center">
          <p class="address">
            Tacos Locos - Atlantic Avenue 1234, New York, +66 87 65 43 21
          </p>
        </div>

        <a class="small-brand" href="/"  data-width="221" data-top="58"><img src="./assets/flavours/tacos/images/content/logo-small.png" alt=" " ></a>

        <a href="tel:66-87-65-43-21" class="phoneIcon" style="display:none">+66 87 65 43 21</a>
        <a href="http://goo.gl/maps/IUzKJ" class="locationIcon" target="_blank" style="display:none;">http://goo.gl/maps/IUzKJ</a>
        <ul class="smallSocials">
          <li class="fb"><a href="#"><img src="./assets/images/smallsocial-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/smallsocial-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/smallsocial-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/smallsocial-rss.png" alt="RSS"></a></li>
        </ul>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav text-center" data-type="margin-top" data-pos="138">
          <li><a href="index.html">Home</a></li>
          <li><a href="8_menucard.html">Menu card</a></li>
          <li><a href="9_events.html">Events</a></li>
          <li><a href="10_story.html">Story</a></li>
          <li><a href="11_gallery.html">Gallery</a></li>
          <li class="dropdown active">
            <a href="1_shortcodes_boxes.html" class="dropdown-toggle">Shortcodes</a>
            <ul class="dropdown-menu">
              <li><a href="1_shortcodes_boxes.html">Boxes</a></li>
              <li><a href="2_shortcodes_toggleable.html">Toggleable</a></li>
              <li><a href="3_shortcodes_contact.html">Contact</a></li>
              <li><a href="4_buttons_typography.html">Typography</a></li>
              <li><a href="5_shortcodes_elements.html">Elements</a></li>
              <li><a href="6_images_sliders.html">Sliders</a></li>
            </ul>
          </li>

          <li><a href="7_blog.html">Blog</a></li>
          <li><a href="12_contact.html">Contact</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- / container -->

    <div class="btm"></div>
  </div>

</nav>



<div class="bg-1 section">
  <div class="inner" data-topspace="80" data-bottomspace="10">
    <div class="container">

      <h3 class="hdr4">Contact Form</h3>

      <div class="row">
        <div class="col-md-5 easyBox">
          <h4 class="hdr2 special">Email us</h4>

          <form class="simpleForm" action="form/form.php" method="post">
            <fieldset>
              <div class="form-group">
                <label>Your name</label>
                <input type="text" class="form-control" name="field_[]" placeholder="enter your name">
              </div>
              <div class="form-group">
                <label>E-mail address</label>
                <input type="email" required class="form-control" name="email" placeholder="enter your e-mail address">
              </div>
              <div class="form-group">
                <label>Your message</label>
                <textarea class="form-control" rows="5" name="field_[]" placeholder="type your message"></textarea>
              </div>
              <input type="hidden" name="msg_subject" value="Contact Form">
              <input type="hidden" name="field_[]" value=" ">
              <input class="btn btn-default" type="submit" value="Submit">
            </fieldset>
          </form>
          <div class="successMsg" style="display:none;">
            Message has been sent successfully!
          </div>
          <div class="errorMsg" style="display:none;">
            An error occurred, please try again later.
          </div>

        </div>
        <div class="col-md-7"></div>
      </div>


      <br>
      <hr class="line-separator">
      <br>


    </div>
  </div>
</div>
<!-- / bg-1 -->


<div class="bg-1 section">
  <div class="inner" data-topspace="10" data-bottomspace="100">

    <h3 class="hdr1">Google Maps</h3>

    <div class="mapWithOverlay" id="location">
      <h4 class="hdr6">Wheres the truck today?</h4>

      <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="Burger Road 1224, Marine Ave, New York, NY" data-height="480" data-offset="-65"></div>

      <br><br><br><br>

      <div class="clearfix">
        <div class="col-md-4 col-md-offset-4">
          <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="We are here!" data-height="350"></div>
        </div>
      </div>

    </div>

  </div>
</div>

<div class="bg-1 section">
<div class="inner" data-topspace="10" data-bottomspace="100">
<div class="container">

<h3 class="hdr4">Newsletter</h3>

<div class="row">
  <div class="col-md-5">
    <h4 class="hdr2 special">Newsletter</h4>

    <p>
      Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
    </p>

    <form class="newsletterForm simpleForm" action="form/form.php" method="post">
      <fieldset>
        <div class="form-group">
          <input class="form-control" type="email" name="email" required placeholder="enter your e-mail address">
        </div>
        <input type="hidden" name="msg_subject" value="New Newsletter subscription">
        <input type="hidden" name="field_[]" value=" ">
        <input class="btn btn-default" type="submit" value="Submit">
      </fieldset>
    </form>
    <div class="successMsg" style="display:none;">
      Your e-mail has been added to our list!
    </div>
    <div class="errorMsg" style="display:none;">
      Error, please try again later.
    </div>

  </div>
  <div class="col-md-7"></div>
</div>
<!-- / row -->


<br>
<hr class="line-separator">
<br>

<h3 class="hdr4">Twitter Feeds</h3>

<div class="row">
  <div class="col-md-12">
    <div class="blackboard custom-scrollbar">

      <h3 class="big">Recent Tweets</h3>

      <div class="tweets">
        <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
      </div>
    </div>
  </div>
  <div class="col-md-8"></div>
</div>
<!-- / row -->


<br>
<hr class="line-separator">
<br>

<h3 class="hdr4">Social Media</h3>

<div class="row text-center">
  <h5>Small</h5><br>

  <div class="col-md-10 col-md-offset-1">
    <ul class="soc_list soc-small list-unstyled clearfix">
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Bitbucket"><i class="fa fa-bitbucket"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Dropbox"><i class="fa fa-dropbox"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Flickr"><i class="fa fa-flickr"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Foursquare"><i class="fa fa-foursquare"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="GitHub"><i class="fa fa-github-alt"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Gittip"><i class="fa fa-gittip"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Instagram"><i class="fa fa-instagram"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Renren"><i class="fa fa-renren"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fa fa-rss"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Skype"><i class="fa fa-skype"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Stack Exchange"><i class="fa fa-stack-exchange"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Stack Overflow"><i class="fa fa-stack-overflow"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Tumblr"><i class="fa fa-tumblr"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Vimeo"><i class="fa fa-vimeo-square"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="VKontakte"><i class="fa fa-vk"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Weibo"><i class="fa fa-weibo"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Xing"><i class="fa fa-xing"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="YouTube"><i class="fa fa-youtube-play"></i></a></li>
    </ul>
  </div>
</div>
<br><br>


<div class="row text-center">
  <h5>Medium</h5><br>

  <div class="col-md-10 col-md-offset-1">
    <ul class="soc_list soc-medium list-unstyled clearfix">
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Bitbucket"><i class="fa fa-bitbucket"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Dropbox"><i class="fa fa-dropbox"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Flickr"><i class="fa fa-flickr"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Foursquare"><i class="fa fa-foursquare"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="GitHub"><i class="fa fa-github-alt"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Gittip"><i class="fa fa-gittip"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Instagram"><i class="fa fa-instagram"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Renren"><i class="fa fa-renren"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fa fa-rss"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Skype"><i class="fa fa-skype"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Stack Exchange"><i class="fa fa-stack-exchange"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Stack Overflow"><i class="fa fa-stack-overflow"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Tumblr"><i class="fa fa-tumblr"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Vimeo"><i class="fa fa-vimeo-square"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="VKontakte"><i class="fa fa-vk"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Weibo"><i class="fa fa-weibo"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Xing"><i class="fa fa-xing"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="YouTube"><i class="fa fa-youtube-play"></i></a></li>
    </ul>
  </div>
</div>

<br><br>

<div class="row text-center">
  <h5>Big</h5><br>

  <div class="col-md-12">
    <ul class="soc_list soc-big list-unstyled clearfix">
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Bitbucket"><i class="fa fa-bitbucket"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Dropbox"><i class="fa fa-dropbox"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Flickr"><i class="fa fa-flickr"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Foursquare"><i class="fa fa-foursquare"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="GitHub"><i class="fa fa-github-alt"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Gittip"><i class="fa fa-gittip"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Instagram"><i class="fa fa-instagram"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Renren"><i class="fa fa-renren"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="RSS"><i class="fa fa-rss"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Skype"><i class="fa fa-skype"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Stack Exchange"><i class="fa fa-stack-exchange"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Stack Overflow"><i class="fa fa-stack-overflow"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Tumblr"><i class="fa fa-tumblr"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Vimeo"><i class="fa fa-vimeo-square"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="VKontakte"><i class="fa fa-vk"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Weibo"><i class="fa fa-weibo"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Xing"><i class="fa fa-xing"></i></a></li>
      <li><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="YouTube"><i class="fa fa-youtube-play"></i></a></li>
    </ul>
  </div>
</div>


<br>
<hr class="line-separator">
<br>

<h3 class="hdr4">Flickr Images</h3>

<div class="row">
  <div class="col-md-4">

    <div class="flickr_badge">
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_01.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_02.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_03.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_04.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_05.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_06.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_07.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_08.jpg" alt=" "></a>
      </div>
      <div class="flickr_badge_image">
        <a href="#"><img src="./assets/flavours/tacos/images/content/flickr_09.jpg" alt=" "></a>
      </div>
    </div>

  </div>
  <div class="col-md-8"></div>
</div>


</div>
</div>
</div>


<footer>
  <div class="container">

    <div class="row">
      <div class="col-md-3">

        <h4>Contact</h4>

        <p>
          Atlantic Avenue 1234,<br><br>
          New York, NY<br><br>
          123 - 456 - 7891<br><br>
          <a href="mailto:hello@tacoslocos.com">hello@tacoslocos.com</a>
        </p>
        <hr>
        <h4>Hours</h4>

        <p>
          Monday - Friday<br>
          11:00 am - 11:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
          <br><br>
          Saturday & Sunday<br>
          10:45 am - 5:00 pm
        </p>

      </div>
      <div class="col-md-6">
        <img src="./assets/flavours/tacos/images/content/logo.png" alt=" ">

        <div class="googleMap" data-location="Marine Ave. New York, NY" data-text="We are here!"></div>

        <ul class="bigSocials">
          <li class="fb"><a href="#"><img src="./assets/images/social-fb.png" alt="Facebook"></a></li>
          <li class="tw"><a href="#"><img src="./assets/images/social-tw.png" alt="Twitter"></a></li>
          <li class="gg"><a href="#"><img src="./assets/images/social-gg.png" alt="Google+"></a></li>
          <li class="rss"><a href="#"><img src="./assets/images/social-rss.png" alt="RSS"></a></li>
        </ul>

        <p class="copyright">© Copyright 2014 <a href="#">TemplateRockers</a></p>


      </div>
      <div class="col-md-3">
        <h4>Latest Tweets</h4>

        <div class="tweets">
          <div style="display:none">here will be displayed live tweets, configuration is placed in /twitter/config.php</div>
        </div>
      </div>
    </div>

  </div>
  <a href="#" id="toTop"></a>
</footer>
<!-- / footer -->


<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/bootstrap/js/bootstrap.min.js"></script>

<!-- we're including library : maps.googleapis.com/maps/api/js?sensor=false in main.js -->
<script src="./assets/js/gmap3.min.js"></script>

<script src="./assets/js/customscroll/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="./assets/js/flexslider/jquery.easing.1.3.min.js"></script>
<script src="./assets/js/flexslider/jquery.flexslider-min.js"></script>
<script src="./assets/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script src="./assets/js/bxslider/jquery.bxslider.min.js"></script>
<script src="./assets/twitter/js/jquery.tweet.js"></script>
<script src="./assets/js/jquery.hoverdir.js"></script><script src="./assets/js/jquery.arctext.js"></script>
<script src="./assets/js/jquery.placeholder.js"></script>
<script src="./assets/js/jquery.sticky.js"></script>

<script src="./assets/form/js/form.js"></script>
<script src="./assets/js/main.js"></script>

<script src="./assets/js/less.min.js"></script>



</body>

</html>